<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
<head>
    <title>会员管理</title>
    <jsp:include page="../../include/header.jsp"></jsp:include>
    <style type="text/css">
			table th{
				text-align: center;
	            white-space: nowrap;
	        }
			table td{
				text-align: center;
	            white-space: nowrap;
	        }
		    table{
		         empty-cells:show; 
		         border-collapse: collapse;
		         margin:0 auto;
		    }
 			.col-lg-9 {
			    width: 100%;
			}
			.pcc{
				width: 110px;
				height: 34px;
			}
			input{
				text-indent:10px;
				width: 80%;
				border-radius:5px;
			}
			.search-btnn {
			    float: left;
			     width: 80px; 
			    margin-left: 5px;
			}
		</style>
</head>
<body>
<div id="wrapper" class="row">
		<div class="col-lg-12">
			<h1 class="page-header">会员信息</h1>
		</div>
	<!-- 搜索框 -->
		<div class="title-top col-lg-9">
			<label class="search-label">会员手机号：</label><input type="text" id="sPhone" value="" placeholder="手机号" class="form-control search-input width200" maxlength="21">
			<label class="search-label">会员卡号：</label><input type="text" id="sCard" value="" placeholder="请输入会员卡号" class="form-control search-input width200" maxlength="21">
		    <label class="search-label">公司：</label>
		    <div class="search-input">
	        	<select name="sSeller" id="sSeller" class="form-control" >
	        		<c:if test="${fn:length(sellerList) > 0}">
	        			<option value="">请选择公司</option>
	        			<c:forEach items="${sellerList}" var="seller" varStatus="s">
								<option value="${seller.sellerId }">${seller.sellerName }</option>	
						</c:forEach>
	        		</c:if>
	        	</select>
	        </div>
		    <label class="search-label">分公司：</label>
		    <div class="search-input">
	        	<select name="sStore" id="sStore" class="form-control" >
	        			<option value="">请选择分公司</option>
	        	</select>
	        </div>
		    <label class="search-label">营业部：</label>
		    <div class="search-input">
			    <select name="sDao" id="sDao" class="form-control" >
		        	<option value="">请选择营业部</option>
		        </select>
		    </div>
		   <%--  <shiro:hasPermission name="bus:user:doExcel">
					<button onclick="doExcel();"  class="btn btn-success pull-right">导出</button>
				</shiro:hasPermission> --%>
				<div class="clearfix"></div>
			</div>
			<div class="title-top col-lg-12">
				 <!-- <label class="search-label">办卡日期：</label><input type="text" id="beginDate" value="" placeholder="年-月-日" class="form-control search-input width120 datetimepicker" data-format="yyyy-mm-dd" >
				 <label class="search-label">至</label><input type="text" id="endDate" value="" placeholder="年-月-日" class="form-control search-input width120 datetimepicker" data-format="yyyy-mm-dd" > -->
<!-- 				<label class="search-label">会员生日：</label><input type="text" id="sBeginDate" value="" placeholder="年-月-日" class="form-control search-input width120 datetimepicker" data-format="yyyy-mm-dd" >
				<label class="search-label">至</label><input type="text" id="sEndDate" value="" placeholder="年-月-日" class="form-control search-input width120 datetimepicker" data-format="yyyy-mm-dd" >
 -->				 <label class="search-label">会员状态：</label>
				<div class="search-input">
					<select id="sState" class="selectpicker" multiple="multiple" data-width="150">
						<option value="1">未登录</option>
						<option value="2">未注册</option>
						<option value="3">会员</option>
					</select>
				</div>
		<div class="search-input">
		<label class="search-label">等级：</label>
			<select id="sTaici" class="selectpicker" multiple="multiple" data-width="150">
				<option value="1">会员</option>
				<option value="2">黄金</option>
				<option value="3">白金</option>
				<option value="4">经纪人</option>
				<option value="5">营业部</option>
				<option value="6">分公司</option>
			</select>
			</div>
			<button class="btn btn-success search-btn" onclick="query();">确定</button>
			<button class="btn btn-success search-btn" onclick="reset();">重置</button>
			<%-- <button class="btn btn-success search-btnn" onclick="sendTemplate();">模板推送</button>
			<shiro:hasPermission name="bus:user:sendMessage">
			<button class="btn btn-success search-btnn" onclick="sendMessage();">选择推送</button>
			<button class="btn btn-success search-btnn" onclick="sendAllMessage();">全部推送</button>
			</shiro:hasPermission> --%>
			<div class="clearfix"></div>
		</div>
		<div class="col-lg-12">
			<!-- <div class="col-lg-12 title-top">
					<div class="text-muted single-line-text pull-left">共 <font color="#428bca" id="dataCount">0</font> 条记录</div>
						<div class="text-muted single-line-text pull-left">
			
						<span class="m-l-5"> 
							分公司总数<font color="#428bca" id="amount">0</font>个
						</span>
						<span class="m-l-5"> 
							营业部总数<font color="#428bca" id="tuikuan">0</font>个
						</span>
						<span class="m-l-5"> 
							会员总数<font color="#428bca" id="shiji">0</font>个
						</span>
					</div>	 
			</div> -->
			<div class="table-responsive panel panel-default" >
				<table id="dataTable" class="table table-hover table-bordered" style="overflow:scroll;">
		            <thead>
		               	<tr>
		               		<!-- <th width="50px;"></th> -->
		               		<th width="150px;">详情</th>
							<th width="150px;">会员卡号</th>
							<th width="130px;">会员姓名</th>
							<th width="130px;">会员手机号</th>
							<th width="100px;">账户余额/元</th>
							<th width="100px;">积分余额</th>
							<th width="100px;">惠券余额</th>
							<th width="100px;">抵扣券余额</th>

						</tr>
		            </thead>
		            <tbody id="dataList"></tbody>
		        </table>
			</div>
	        	<div class="col-lg-12">
        			<div class = "pull-right">
	        			<div class="text-muted  pull-left" style="margin-top:20px; margin-right:18px;">
							<select id="pageSize" name="pageSize" class="selectpicker" data-width="100" onchange="query()" >
		    					<option value="10" selected = "selected">10条/页</option>
								<option value="15">15条/页</option>
								<option value="20">20条/页</option>
								<option value="50">50条/页</option>
								<option value="100">100条/页</option>
		    				</select>
						</div>
		        		<ul id="dataPagination" class="pagination-sm pull-right"></ul>
		        	</div>
	        	</div>
		</div>
</div>
<jsp:include page="../../include/javascripts.jsp"></jsp:include>
<!-- 异步加载下一页数据后，用模板渲染 -->
<script src="${BASE_PATH}/static/js/PCASClass.js" type="text/javascript"></script>
<script type="text/html" id="dataTpl">
		{{each list as item}}
				 <tr id="item{{item.id}}" data-id="{{item.id}}">
				 	<td>
						<a href="javascript:recharge('{{item.id}}');">充值</a>
						<a href="javascript:extract('{{item.id}}');">提现</a>
						<a href="javascript:showPoint('{{item.id}}');">余额明细</a>
					</td>
					<td>
						<a href="javascript:showUser('{{item.id}}');"><font color="#40a9ff" id="dataCount">{{if item.card}}{{item.card }}{{/if}}
								{{if !item.card}}--{{/if}}
							</font>
						</a>
					</td>
					<td>{{item.name}}</td>
					<td>{{item.phone}}</td>
					<td>{{item.money}}</td>
					<td>{{item.sppoint}}</td>
					<td>{{item.jypoint}}</td>
					<td>{{item.jkpoint}}</td>
				</tr>
		{{/each}}
</script>
<script type="text/javascript">
var dataPaginator;
/* 获得登录用户id 如果id是万安账户，办卡日期从2018-09-01开始*/
var DateId='${id}';
// new PCAS("province","city","area"," ");//省市县三急联动调用
$(query);
function query(){
	var pageSize=$("#pageSize").val();
	 var phone=$("#sPhone").val(),card=$("#sCard").val(),sBeginDate=$("#sBeginDate").val(),sEndDate=$("#sEndDate").val();
	 seller=$("#sSeller").val(),store=$("#sStore").val(),dao=$("#sDao").val();
	 var taici=$("#sTaici").val(),state=$("#sState").val();
// 	 var province=$("#Sprovince").val(),city=$("#Scity").val(),area=$("#Sarea").val();
	 //地址筛选拼接
// 	 var address=province+city+area;
	/*  if((beginDate==null||beginDate==""||beginDate==undefined) && DateId==43){
		 beginDate="2018-09-01"
	 } */
	 var taicis="",states="";
		if(taici !=null && taici !="" && taici !=undefined){
			taicis=taici.join("','");
		}
		if(state !=null && state !="" && state !=undefined){
			states=state.join("','");
		}
	 
	 var params = {
		pageSize:pageSize,
		phone:phone,
		card:card,
		sBeginDate:sBeginDate,
		sEndDate:sEndDate,

// 		address:address,
		seller:seller,
		store:store,
		dao:dao,
		taici:taicis,
		state:states,
	};
	if(dataPaginator){
		dataPaginator.destroy();
	}
	dataPaginator = Kit.pagination("#dataPagination","${BASE_PATH}/bus/user/page",params,function(result){
		//设置显示最新的数据数量
		$("#dataCount").html(result.object.totalRow);
		//根据模板渲染数据并填充
		$("#dataList").empty().append(template("dataTpl",result.object));
		findStati();
	});
}


/**
 * 统计总所需积分和总现金价格
 */
function findStati(){
	var phone=$("#sPhone").val(),card=$("#sCard").val(),sBeginDate=$("#sBeginDate").val(),sEndDate=$("#sEndDate").val();
	 seller=$("#sSeller").val(),store=$("#sStore").val(),dao=$("#sDao").val();
	 var taici=$("#sTaici").val(),state=$("#sState").val();
	 var taicis="",states="";
		if(taici !=null && taici !="" && taici !=undefined){
			taicis=taici.join("','");
		}
		if(state !=null && state !="" && state !=undefined){
			states=state.join("','");
		}
	 
	 var params = {
		phone:phone,
		card:card,
		sBeginDate:sBeginDate,
		sEndDate:sEndDate,

//		address:address,
		seller:seller,
		store:store,
		dao:dao,
		taici:taicis,
		state:states,
	};
	$.post("${BASE_PATH}/bus/user/findStati",params,function(result){
		if(result.flag==0){
			//$("#payPoint").text(result.object.payPoint);//总所需积分
			//$("#amount").text(result.object.amount);//分公司总数
			$("#tuikuan").text(result.object.bossOneNum);//营业部总数
			//$("#shiji").text(result.object.shiji);//会员总数
		}else{
			Kit.alert("操作失败");return;
		}
	});
}
function reset(){
	$("#sPhone").val("");$("#sCard").val("");$("#sBeginDate").val("");$("#sEndDate").val("");$("#beginDate").val("");$("#endDate").val("");
	$("#sSeller").val("");$("#sSeller").trigger("change");$("#sStore").val("");$("#sStore").trigger("change");$("#sDao").val("");$("#sDao").trigger("change");
	$("#sTaici").val("");$("#sTaici").trigger("change");$("#sState").val("");$("#sState").trigger("change");
	 $("#sStore").selectpicker("refresh"); $("#sDao").selectpicker("refresh");$("#sState").selectpicker("refresh"); $("#sTaici").selectpicker("refresh");
}
var messageDialog;
function sendMessage(){
	var adIds = "";  
    $("input:checkbox[name=check_name]:checked").each(function(i){  
        if(0==i){  
            adIds = $(this).val();  
        }else{  
            adIds += (","+$(this).val());  
        }  
    }); 
    if(adIds==""){
    	Kit.alert("请选择要发送信息的人员");
    }else{
  		 messageDialog=Kit.dialog("消息推送","${BASE_PATH}/bus/user/sendMessage/"+adIds,{size:'size-wide',closable:true}).open();
    }
}
function sendTemplate(){
	var dataCount=$("#dataCount").html();
	if(parseInt(dataCount)>300){
		Kit.alert("模板消息最多推送300个用户");
	}else{
		 var phone=$("#sPhone").val(),card=$("#sCard").val(),sBeginDate=$("#sBeginDate").val(),sEndDate=$("#sEndDate").val();
		 var beginDate=$("#beginDate").val(),endDate=$("#endDate").val(),store=$("#sStore").val(),dao=$("#sDao").val();
		 var taici=$("#sTaici").val(),state=$("#sState").val();
		 var taicis="",states="";
			if(taici !=null && taici !="" && taici !=undefined){
				taicis=taici.join("','");
			}
			if(state !=null && state !="" && state !=undefined){
				states=state.join("','");
			}
		 messageDialog=Kit.dialog("消息推送","${BASE_PATH}/bus/user/sendTemplate?phone="+phone+"&beginDate="+beginDate+"&endDate="
				+endDate+"&card="+card+"&sBeginDate="+sBeginDate+"&sEndDate="+sEndDate+"&store="+store+"&dao="
				+dao+"&taici="+taicis+"&state="+states,{size:'size-wide',closable:true}).open();
	}
}
function sendAllMessage(){
	 var phone=$("#sPhone").val(),card=$("#sCard").val(),sBeginDate=$("#sBeginDate").val(),sEndDate=$("#sEndDate").val();
	 var beginDate=$("#beginDate").val(),endDate=$("#endDate").val(),store=$("#sStore").val(),dao=$("#sDao").val();
	 var taici=$("#sTaici").val(),state=$("#sState").val();
	 var taicis="",states="";
		if(taici !=null && taici !="" && taici !=undefined){
			taicis=taici.join("','");
		}
		if(state !=null && state !="" && state !=undefined){
			states=state.join("','");
		}
	 messageDialog=Kit.dialog("消息推送","${BASE_PATH}/bus/user/message?phone="+phone+"&beginDate="+beginDate+"&endDate="
			+endDate+"&card="+card+"&sBeginDate="+sBeginDate+"&sEndDate="+sEndDate+"&store="+store+"&dao="
			+dao+"&taici="+taicis+"&state="+states,{size:'size-wide',closable:true}).open();
}
var showDialog;
function showUser(id){
	showDialog = Kit.dialog("会员详情信息","${BASE_PATH}/bus/user/detail/"+id,{size:'size-wide',closable:true}).open();
}
function showTeam(id){
	window.location.href="${BASE_PATH}/bus/user/showTeam?id="+id;
}
function onEditSuccess(newObject){
	$("#item"+newObject.id).replaceWith(template("dataTpl",{"list":[newObject]}));
}
//跳转页面
var showPointDialog;
function showPoint(id){
	showPointDialog = Kit.dialog("会员积分详情信息","${BASE_PATH}/bus/user/detailVip/"+id,{size:'size-wide',closable:true}).open();
}
function doExcel(){
	 var phone=$("#sPhone").val(),card=$("#sCard").val(),sBeginDate=$("#sBeginDate").val(),sEndDate=$("#sEndDate").val();
	 var beginDate=$("#beginDate").val(),endDate=$("#endDate").val(),store=$("#sStore").val(),dao=$("#sDao").val();
	 var taici=$("#sTaici").val(),state=$("#sState").val();
	var province=$("#Sprovince").val(),city=$("#Scity").val(),area=$("#Sarea").val();
	 //地址筛选拼接
// 	 var address=province+city+area; 
	 var taicis="",states="";
		if(taici !=null && taici !="" && taici !=undefined){
			taicis=taici.join("','");
		}
		if(state !=null && state !="" && state !=undefined){
			states=state.join("','");
		}
	window.location.href="${BASE_PATH}/bus/user/doExcel?phone="+phone+"&beginDate="+beginDate+"&endDate="
			+endDate+"&card="+card+"&sBeginDate="+sBeginDate+"&sEndDate="+sEndDate+"&store="+store+"&dao="
			+dao+"&taici="+taicis+"&state="+states;
}
 
$("#sBeginDate").datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    minuteStep:1,
    minView:'hour',
    language: 'zh-CN',
    pickerPosition:'bottom-right',
    autoclose:true,
}).on("click",function(){
	var d2=new Date();
	var d=$("#sEndDate").val();
	if(d==""){
		 $("#sBeginDate").datetimepicker("setEndDate",d2);
	}else{
		var d1=new Date(d); 
		d1.setDate(d1.getDate()-1);
		if(d1>d2){
	  	 	 $("#sBeginDate").datetimepicker("setEndDate",d2);
		}else{
			 $("#sBeginDate").datetimepicker("setEndDate",d1);
		}
	}
});
$("#sEndDate").datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    minuteStep:1,
    minView:'hour',
    language: 'zh-CN',
    autoclose:true,
	}).on("click",function(){
		var d=$("#sBeginDate").val();
		var d1=new Date(d); 
		d1.setDate(d1.getDate()+1); 
		$("#sEndDate").datetimepicker("setStartDate",d1);
	});
 $(document).on("click","#sEndDate",function(){
    	$('#sEndDate').datetimepicker('show');
    });
$(document).on("click","#sBeginDate",function(){
	$('#sBeginDate').datetimepicker('show');
});
$("#beginDate").datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    minuteStep:1,
    minView:'hour',
    language: 'zh-CN',
    pickerPosition:'bottom-right',
    autoclose:true,
}).on("click",function(){
	var d2=new Date();
	var d=$("#endDate").val();
	if(DateId==43){
		$("#beginDate").datetimepicker("setStartDate",'2018-09-01');
	}
	if(d==""){
		 $("#beginDate").datetimepicker("setEndDate",d2);
	}else{
		var d1=new Date(d); 
		d1.setDate(d1.getDate()-1);
		if(d1>d2){
	  	 	 $("#beginDate").datetimepicker("setEndDate",d2);
		}else{
			 $("#beginDate").datetimepicker("setEndDate",d1);
		}
	}
});
$("#endDate").datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    minuteStep:1,
    minView:'hour',
    language: 'zh-CN',
    autoclose:true,
	}).on("click",function(){
		var d=$("#beginDate").val();
		var d1=new Date(d); 
		d1.setDate(d1.getDate()+1); 
		$("#endDate").datetimepicker("setStartDate",d1);
	});
 $(document).on("click","#endDate",function(){
    	$('#endDate').datetimepicker('show');
    });

$(document).on("click","#beginDate",function(){
	$('#beginDate').datetimepicker('show');
});
//异步取分公司的值
$("#sSeller").change(function(){
	sSeller=$("#sSeller").val();
	  $.ajax({
           type: "POST",
           url: "${BASE_PATH}/bus/user/chooseStore",
           data: {"seller" : sSeller},
           dataType: "json",
           traditional: true,
           success: function(data){
			$("#sStore").empty(); 
			$("#sStore").append("<option value=''>请选择分公司</option>");
			for(var i=0; i<data.object.length;i++){
				$("#sStore").append("<option value='"+data.object[i].storeid+"'>"+data.object[i].title+"</option>");
               }
              // $("#toBossOneId").selectpicker("refresh");	
           }
       });
    });
$("#sStore").change(function(){
	sStore=$("#sStore").val();
	  $.ajax({
           type: "POST",
           url: "${BASE_PATH}/bus/user/chooseDao",
           data: {"store" : sStore},
           dataType: "json",
           traditional: true,
           success: function(data){
          	   $("#sDao").empty(); 
               $("#sDao").append("<option value=''>请选择营业部</option>");
               for(var i=0; i<data.object.length;i++){
              	 $("#sDao").append("<option value='"+data.object[i].trueName+"'>"+data.object[i].trueName+"</option>");
               }
              	//$("#sDao").selectpicker("refresh");
           }
       });
    });
function convert(id,n){
	if(!n){
		return Kit.alert("此会员消费次数为零");
	}
		location.href="${BASE_PATH}/bus/order/convert?userId="+id;   	
}
//充值
function recharge(id){
	window.location.href="${BASE_PATH}/bus/user/recharge?id="+id;
}
//提现
function extract(id){
	window.location.href="${BASE_PATH}/bus/user/extract?id="+id;
}
/**
 * 统计总所需积分和总现金价格
 */
function findTotal(){
	var sStoreId = $("#sStoreId").val();
	var store;
	if(sStoreId !=null && sStoreId !="" && sStoreId !=undefined){
		store=sStoreId.join("','");
	}
	var params = {
		pageSize:10,
		beginDate:$("#sBeginDate").val(),
		endDate:$("#sEndDate").val(),
		storeid:store,
		orderNum:$("#sOrderNum").val(),
		tel:$("#sTel").val(),
		state:$("#sState").val(),
	};
	$.post("${BASE_PATH}/bus/order/findTotal",params,function(result){
		if(result.flag==0){
			//$("#payPoint").text(result.object.payPoint);//总所需积分
			$("#amount").text(result.object.amount.toFixed(2));//总累计现金
			$("#tuikuan").text(result.object.tuikuan1.toFixed(2));//总退款现金
			$("#shiji").text(result.object.shiji.toFixed(2));//总实际现金
		}else{
			Kit.alert("操作失败");return;
		}
	});
}
</script>
</body>
</html>